<div th:fragment="common">
    <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css" th:href="@{/bootstrap/css/bootstrap.min.css}"/>
    <script src="/js/jquery-3.0.0.min.js" th:src="@{/js/jquery-3.0.0.min.js}" type="text/javascript"></script>
    <script src="/js/jquery.form.min.js" th:src="@{/js/jquery.form.min.js}" type="text/javascript"></script>
    <script src="/bootstrap/js/bootstrap.min.js" th:src="@{/bootstrap/js/bootstrap.min.js}" type="text/javascript"></script>
    <script src="/js/watermark.js" th:src="@{/js/watermark.js}" type="text/javascript"></script>
    <script src="/js/base64.min.js" th:src="@{/js/base64.min.js}" type="text/javascript"></script>
    <link rel="shortcut icon" href="/favicon.ico" th:href="@{/favicon.ico}"/>
    <script th:inline="javascript">
        /**
         * 初始化水印
         */
        function initWaterMark() {
            let watermarkTxt = [[${watermarkTxt}]];
            if (watermarkTxt !== '') {
                watermark.init({
                    watermark_txt: [[${watermarkTxt}]],
                    watermark_x: 0,
                    watermark_y: 0,
                    watermark_rows: 0,
                    watermark_cols: 0,
                    watermark_x_space: [[${watermarkXSpace}]],
                    watermark_y_space: [[${watermarkYSpace}]],
                    watermark_font: [[${watermarkFont}]],
                    watermark_fontsize: [[${watermarkFontsize}]],
                    watermark_color: [[${watermarkColor}]],
                    watermark_alpha: [[${watermarkAlpha}]],
                    watermark_width: [[${watermarkWidth}]],
                    watermark_height: [[${watermarkHeight}]],
                    watermark_angle: [[${watermarkAngle}]],
                });
            }
        }

    </script>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        html, body {
            height: 100%;
            width: 100%;
        }

    </style>
</div>

